<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>About</title>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
        integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <link rel="stylesheet" href="./assets/css/reset.css">
    <link rel="stylesheet" href="./assets/css/animate.min.css">
    <link rel="stylesheet/less" href="./assets/css/index3.less">
    <link rel="stylesheet/less" href="./assets/css/comment.less">
</head>
<body>
    <nav class="navbar navbar-default">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>

                <a class="navbar-brand wow fadeInUp" href="#">
                    <div class="r"></div>
                    <div class="z"></div>
                    Your Logo
                </a>
                <div class="search"><input type="checkbox" name="in" id="im1">
                    <label for="im1" class="image"><img src="./assets/img/1/Vector Smart Object 3.png" alt=""><input
                            type="text"></label>
                    </li>
                </div>

            </div>


            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="overflow:hidden ;">


                <ul class="nav navbar-nav navbar-right" style="
        text-transform:capitalize;
                text-align: center;
                font-size: 15px;">
                    <li class="home wow fadeInUp" data-wow-delay=".1s"><a href="./index.html">Home</a></li>
                    <li class=" wow fadeInUp" data-wow-delay=".2s"><a href="./2.html">Portfolio</a></li>
                    <li class="About wow fadeInUp" data-wow-delay=".3s"><a href="./3.html">About</a></li>
                    <li class="wow fadeInUp" data-wow-delay=".4s"><a href="./4.html">Contact</a></li>
                    <li class="blog wow fadeInUp" data-wow-delay=".5s"><a href="#">Blog</a></li>
                    </li>
                    <li class="search wow fadeInUp" data-wow-delay=".6s">
                        serarch
                        <input type="checkbox" name="in1" id="im">
                        <label for="im" class="image"><img src="./assets/img/1/Vector Smart Object 3.png" alt=""><input
                                type="text"></label>

                    </li>
                </ul>

            </div>
        </div>
        </div>
    </nav>
    <!-- good -->
    <div class="good">
        <div class="slider">
            <div class="title wow fadeInUp" data-wow-delay=".2s">
                CONTACT
            </div>
        </div>
    </div>
    <!-- touch -->
    <div class="touch">
        <div class="top">
            <div class="ti wow fadeInUp" data-wow-delay=".2s">
                GET IN TOUCH
            </div>
            <div class="con wow fadeInUp" data-wow-delay=".3s">
                Lorem ipsum dolor sit amet, dui ac bibendum fringilla, massa augue mattis enim, quis volutpat augue nisi vitae nibh. Proin nibh tortor, rutrum luctus euismod eu, rutrum eget nunc. Nam commodo tellus quis ante tempus quis auctor enim suscipit. Donec sit amet feugiat justo. Nulla vel nibh et erat consequat sollicitudin. Vivamus egestas erat ac arcu sagittis in tincidunt purus pharetra. Maecenas viverra suscipit arcu, ac adipiscing odio vehicula nec. Vestibulum non enim ac dui interdum tempus nam tortor odio.

                Sed lobortis, dui ac bibendum fringilla, massa augue mattis enim, quis volutpat augue nisi vitae nibh. Proin nibh tortor, rutrum luctus euismod eu, rutrum eget nunc. Nam commodo tellus quis ante tempus quis auctor enim suscipit. Donec sit amet feugiat justo. Nulla vel nibh et erat consequat sollicitudin. Vivamus egestas erat ac arcu sagittis in tincidunt purus pharetra. Maecenas viverra suscipit arcu, ac adipiscing odio vehicula nec. Vestibulum non enim ac dui interdum tempus. Nam tortor odio, eleifend gravida posuere vitae, luctus nec diam. 
            </div>
        </div>
        <div class="bo">
            <div class="left wow fadeInLeft" data-wow-delay=".2s">
                <div class="ti">
                    Lorem ipsum dolor sit amet, consectetur <span style="color: red;">*</span> sign amentu kurmanci.
                </div>
                <div class="name">
                    <h1>NAME <span style="color: red;">*</span></h1>
                    <input type="text">
                </div>
                <div class="name">
                    <h1>E-MAIL ADDRESS  <span style="color: red;">*</span></h1>
                    <input type="text">
                </div>
                <div class="name">
                    <h1>SUBJECT  <span style="color: red;">*</span></h1>
                    <input type="text">
                </div>
                <div class="name">
                    <h1>SUBJECT  <span style="color: red;">*</span></h1>
                    <textarea name="ta" id="ta" cols="47" rows="10"></textarea>
                </div>
                <button>Send</button>
            </div>
            <div class="fg"></div>
            <div class="right wow fadeInRight" data-wow-delay=".2s">
                <div class="top">
                    <div class="list">
                        <div class="ima"><img src="./assets/img/3/Shape 55 copy.png" alt=""></div>
                        
                        <div class="des">
                            <span style="color: #2190c1;">Office:</span>  +1 (000) 123-4567 <br>
                            <span style="color: #2190c1;">Mobil:</span> +1 (000) 123-4567
                        </div>
                    </div>
                    <div class="list">
                        <div class="ima"><img src="./assets/img/3/Shape 19.png" alt=""></div>
                        
                        <div class="des">
                            Lorem ipsum dolar sit amet <br>
                            New York- United States
                        </div>
                    </div>
                    <div class="list">
                        <div class="ima"><img src="./assets/img/3/Shape 53 copy.png" alt=""></div>
                        
                        <div class="des">
                            <a href="">hakan.ertann@gmail.com</a>
                                <a href="">    www.hakan-ertan.com</a>
                        </div>
                    </div>
                </div>
                <div class="map">
                    <img src="./assets/img/3/Screen Shot 2012-04-07 at 10.09.51 PM.png" alt="">
                  </div>
                  
                <div class="bo">
                    <div class="ti">FOLLOW US ON SOCIAL MEDIA</div>
                    <div class="ima">
                        <img src="./assets/img/3/1.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </div>

        <!-- footer -->
        <div class="footer">
            <div class="tw wow fadeInLeft" data-wow-delay=".2s">
                <div class="title">
                    Twitter FEEDs
                </div>
                <div class="cen">
                    <h1>
                        Check out this great theme item
    
                        <a href="">http://tadjalskfj.com</a><br>
                        2 weeks ago
                    </h1>
                    <div class="fg"></div>
                    <h1>
                        Check out this great theme item
    
                        <a href="">http://tadjalskfj.com</a><br>
                        2 weeks ago
                    </h1>
                    <div class="fg"></div>
                    <h1>
                        Check out this great theme item
    
                        <a href="">http://tadjalskfj.com</a><br>
                        2 weeks ago
                    </h1>
                </div>
    
            </div>
            <div class="new wow fadeInLeft" data-wow-delay=".3s">
                <div class="title">
                    NEWSLETTER
                </div>
                <div class="cen">
                    <h1>
                        Lorem ipsum dolor sit amet, consectetur adip
                        iscing elit. Ut ultricies sagittis magna a comm.
                        Ut eget eros mauris, ut cursus urna.
                    </h1>
                    <div class="fg"></div>
                </div>
    
                <div class="email">
                    <div class="top">Your Email Address</div>
                    <input type="text">
                    <button>Sign Up</button>
                </div>
            </div>
            <div class="rec wow fadeInLeft" data-wow-delay=".4s">
                <div class="title">
                    recent projects
                </div>
                <div class="cen">
                    <div class="zheng"></div>
                    <div class="dis">
                        <h1>
                            Sketchy Business Card
                            <a href="">http://tadjalskfj.com</a><br>
                            2 weeks ago
                        </h1>
    
                    </div>
                </div>
                <div class="fg"></div>
                <div class="cen">
                    <div class="zheng"></div>
                    <div class="dis">
                        <h1>
                            Sketchy Business Card
                            <a href="">http://tadjalskfj.com</a><br>
                            2 weeks ago
                        </h1>
    
                    </div>
                </div>
                <div class="fg"></div>
                <div class="cen">
                    <div class="zheng"></div>
                    <div class="dis">
                        <h1>
                            Sketchy Business Card
                            <a href="">http://tadjalskfj.com</a><br>
                            2 weeks ago
                        </h1>
    
                    </div>
                </div>
            </div>
            <div class="con wow fadeInLeft" data-wow-delay=".5s">
                <div class="title">
                    Contact
                </div>
    
                <div class="list">
                    <img src="./assets/img/1/5.png" alt="">
                    <div class="demo">
                        1 - 000 - 000-0000 <br>
                        1 - 000 - 000-0000
                    </div>
                </div>
                <div class="list">
                    <img src="./assets/img/1/Shape 54.png" alt="">
                    <div class="demo">
                        1 - 000 - 000-0000 <br>
                        1 - 000 - 000-0000
                    </div>
                </div>
                <div class="list">
                    <img src="./assets/img/1/Shape 53.png" alt="">
                    <div class="demo">
                        abcdefg@hijs.dfh <br>
                        fjashfaf@jkfs.ckd
                    </div>
                </div>
    
            </div>
        </div>
</body>
</html>
<script src="./assets/js/jquery.min.js"></script>
<script src="./assets/js/bootstrap.min.js"></script>
<script src="./assets/js/less.min.js"></script>
<script src="./assets/js/wow.min.js"></script>
<script>
    new WOW().init();
</script>
